@import "_definition";

header {
  nav.navbar {
    margin-bottom: 0;
    .navbar-nav.nav-tabs {
      border: none;
      .tab-close {
        margin-left: 0.5rem;
        margin-right: -0.5rem;
      }
    }
  }
}

#center {
  .height-calc(~"100% - 8rem");
  #left-nav, #main {
    display: inline-block;
    height: 100%;
    vertical-align: top;
  }
  #left-nav {
    width: 18rem;
    .panel-group {
      height: 85%;
      overflow: auto;
      padding: 2.5rem 1.5rem;
      .panel-heading {
        cursor: pointer;
      }
      .panel-collapse {
        .panel-body {
          padding: 1rem 0.5rem;
          ul {
            padding-left: 0;
          }
        }
      }
      a {
        text-decoration: blink !important;
        &.accordion-toggle {
          display: block;
        }
      }
      ul {
        margin-bottom: 0;
        list-style-position: inside;
        padding-left: 10px;
        li {
          border: 1px solid transparent;
          border-radius: 4px;
          cursor: pointer;
          padding-left: 10px;
          &:hover,&.active {
            color: white;
            background-color: dodgerblue;
          }
        }
      }
    }
  }
  #main {
    .width-calc(~"100% - 19rem");
    margin-top: 0.5rem;
    .tab-page {
      border: none;
      height: 100%;
      width: 100%;
    }
  }
}

footer {
  background-image: linear-gradient(to bottom, #fff 0, #f8f8f8 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);
  border-top: 0.1rem solid #ccc;
  padding: 0.5rem 5rem;
  font-size: 75%;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}